<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的简历</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="wrapper">
    <div class="inner">
        <!-- 基本信息 -->
        <div class="pages">
            <div class="page page1">
                <!-- 个人简历标题 -->
                <p class="big-title">个人简历</p>
                <div class="bold-line"></div>

                <!-- 照片 -->
                <div class="my-photo">
                    <img src="assets/myphoto.jpg" alt="" />
                </div>

                <div class="small-title">
                    <img src="assets/icon-1.png" alt="" />
                    <p class="title-p">基本信息</p>
                    <div class="red-border"></div>

                    <!-- 内容 -->
                    <div class="content font-11">
                        <div class="content-s l">
                            <div class="text">
                                <p class="w-60">姓名</p>
                                <p>：谭呆萌</p>
                            </div>
                            <div class="text">
                                <p class="w-60">电话</p>
                                <p>：****</p>
                            </div>
                            <div class="text">
                                <p class="w-60">邮箱</p>
                                <p>：908***@qq.com</p>
                            </div>
                            <div class="text">
                                <p class="w-60">出生年月</p>
                                <p>：1990.12</p>
                            </div>
                        </div>
                        <div class="content-s r">
                            <div class="text">
                                <p class="w-60">工作经验</p>
                                <p>：6年</p>
                            </div>
                            <div class="text">
                                <p class="w-60">英语</p>
                                <p>：六级</p>
                            </div>
                            <div class="text">
                                <p class="w-60">毕业院校</p>
                                <p>：湖北***大学（本科）</p>
                            </div>
                            <div class="text">
                                <p class="w-60">求职意向</p>
                                <p>：高级前端开发</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 个人优势 -->
                <div class="small-title">
                    <img src="assets/icon-2.png" alt="" />
                    <p class="title-p">个人优势</p>
                    <div class="red-border"></div>

                    <!-- 内容 -->
                    <div class="content font-11">
                        <div class="text">
                            <div class="arrow-wrapper">
                                <p>
                                    <span>1、</span>
                                    <span class="arrow-text">从0-1搭建gitlab仓库，*项目上线经验，对接Facebook/Google/gopay/shopeepay等；
                                    </span>
                                </p>

                                <p>
                                    <span>2、</span>
                                    <span class="arrow-text">英语六级，良好的英文沟通能力以及英文文档阅读能力,归纳总结文档能力很好；
                                    </span>
                                </p>
                                <p>
                                    <span>3、</span>
                                    <span class="arrow-text">大型HR后台管理系统经验，5人团队管理经验；
                                    </span>
                                </p>
                                <p>
                                    <span>4、</span>
                                    <span class="arrow-text">性格沉稳，做事积极主动，主人翁精神（每年年度考核评A），领导得力助手，态度超好超踏实！
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 专业技能 -->
                <div class="small-title">
                    <img src="assets/icon-3.png" alt="" />
                    <p class="title-p">专业技能</p>
                    <div class="red-border"></div>

                    <!-- 内容 -->
                    <div class="content font-11">
                        <div class="text">
                            <div class="arrow-wrapper">
                                <p>
                                    <span>1、</span>
                                    <span class="arrow-text">三年VUE框架经验，熟悉使用VUE2、VUEX、eventBus等；
                                    </span>
                                </p>

                                <p>
                                    <span>2、</span>
                                    <span class="arrow-text">两年ElementUI、AUI框架经验，两年jQuery + MVC框架经验；
                                    </span>
                                </p>
                                <p>
                                    <span>3、</span>
                                    <span class="arrow-text">熟练使用HTML5、CSS3、ES6、Less、WebSocket等；
                                    </span>
                                </p>
                                <p>
                                    <span>4、</span>
                                    <span class="arrow-text">熟悉前端工程化Webpack自动化构建工具；
                                    </span>
                                </p>
                                <p>
                                    <span>5、</span>
                                    <span class="arrow-text">熟悉Git版本管理，熟练使用MAC系统；
                                    </span>
                                </p>
                                <p>
                                    <span>6、</span>
                                    <span class="arrow-text">熟悉Nginx、RESTful API，熟悉使用dSBridge混合APP开发；
                                    </span>
                                </p>
                                <p>
                                    <span>7、</span>
                                    <span class="arrow-text">丰富的移动端、PC端、***、****、APP内嵌H5等，多终端开发经验；
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 教育背景 -->
                <div class="small-title">
                    <img src="assets/icon-4.png" alt="" />
                    <p class="title-p">教育背景</p>
                    <div class="red-border"></div>

                    <!-- 内容 -->
                    <div class="content font-11 content-4">
                        <div>
                            <span class="mr-56">2010.07-2015.06</span>
                            <span class="mr-56">湖北***大学</span>
                            <span class="mr-56">本科（全日制统招）</span>
                        </div>
                        <div>
                            <img src="assets/arrow-2.png" alt="" />
                            <span>大学英语六级（CET-6）、 全国计算机二级C</span>
                        </div>
                    </div>
                </div>

                <!-- 工作经历 -->
                <div class="small-title">
                    <img src="assets/icon-5.png" alt="" />
                    <p class="title-p">工作经历</p>
                    <div class="red-border"></div>

                    <!-- 内容 -->
                    <div class="content font-11">
                        <div class="text">
                            <div class="text-1">
                                <span class="mr-56">2022.5-2022.12（7个月）</span>
                                <span class="mr-56">*********（武汉）</span>
                                <span class="fr">高级前端开发</span>

                                <div class="arrow-wrapper">
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">
                                            使用VUE2、VUEX、ES6、ElementUI、AUI、HTML5、CSS3等最新技术开发PC应用；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">负责管理后台前端代码设计、开发和实现；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">
                                            负责前端团队管理工作：任务分配、环境分支管理、代码缺陷处理、代码review等；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">
                                            负责重难点模块以及公共组件开发，和后端一起研究技术实现方案，制定服务接口等；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">
                                            负责和UI、后端开发一起高质量完成web前端开发工作；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">负责前端项目上线、构建发布等工作；
                                        </span>
                                    </p>
                                </div>
                            </div>
                            <div class="text-2">
                                <span class="mr-56">2017.2-2021.09（4年7个月）</span>
                                <span class="mr-56">北京*******（北京）</span>
                                <span class="fr">高级前端开发</span>

                                <div class="arrow-wrapper">
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">负责**集团旗下移动/PC/*/**/混合APP等应用；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">
                                            独立负责从0-1建立***项目并上线（面向**市场的移动端项目）；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">
                                            负责“***”项目开发维护工作，负责团队管理工作；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">
                                            负责集团“***”、“***”、“***”、“***”、“***”等****/*/APP开发维护工作；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">负责集团***PC管理后台开发维护工作；
                                        </span>
                                    </p>
                                    <p>
                                        <span class="arrow-icon"></span>
                                        <span class="arrow-text">
                                            负责部门文档书写归纳整理工作：新人指引wiki文档、集团业务相关代码/git仓库/关联产品文档等归纳整理wiki、技术分享wiki整理、日报wiki等；
                                        </span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 此处打印分页 -->
            <!-- 项目经验  -->
            <div class="page page2">
                <div class="small-title">
                    <img src="assets/icon-6.png" alt="" />
                    <p class="title-p">项目经验</p>
                    <div class="red-border"></div>

                    <!-- 内容 -->
                    <div class="content font-11 content-6">
                        <!-- 项目一 -->
                        <div class="text">
                            <span class="mr-30 project-title">0-1搭建***</span>
                            <span class="mr-30">北京*******（北京） </span>
                            <span class="fr">前端负责人/高级前端开发</span>
                        </div>
                        <div class="arrow-1">
                            <p>时间：2018.10 - 2020.10</p>
                            <p>
                                亮点：独立从0-1搭建gitlab前端仓库，封闭开发****并上线
                            </p>
                            <p>技术：jQuery 、 Webpack 、Less、MVC</p>
                            <p>我的职责：</p>
                            <div class="ml-40">
                                <div class="arrow-wrapper">
                                    <p>
                                        <span>1、</span>
                                        <span class="arrow-text">
                                            负责前端Git仓库搭建，配合运维后端确认dev、QA、Pre环境等；
                                        </span>
                                    </p>
                                    <p>
                                        <span>2、</span>
                                        <span class="arrow-text">负责Webpack配置，Nginx配置，jekins构建；
                                        </span>
                                    </p>
                                    <p>
                                        <span>3、</span>
                                        <span class="arrow-text">
                                            负责重难点公共组件库开发：公共utils、cloudinary图片上传组件封装（英文文档能力）；
                                        </span>
                                    </p>
                                    <p>
                                        <span>4、</span>
                                        <span class="arrow-text">
                                            负责注册+登录+支付功能：*平台Facebook、Twitter、Google、WhatsApp、手机号、邮箱、账号密码等，gopay/shopeepay/ovo/sinarmas等平台联合支付功能；
                                        </span>
                                    </p>
                                    <p>
                                        <span>5、</span>
                                        <span class="arrow-text">负责开发websocket即时通讯功能；
                                        </span>
                                    </p>
                                    <p>
                                        <span>6、</span>
                                        <span class="arrow-text">
                                            前端团队管理、*前端培训、任务分配、分支管理、代码review等工作；
                                        </span>
                                    </p>
                                </div>
                            </div>
                            <p>项目难点：</p>
                            <div class="ml-40">
                                <div class="arrow-wrapper">
                                    <p>
                                        <span>1、</span>
                                        <span class="arrow-text">
                                            ***登录、支付等功能团队接触较少，需要经常查阅中英文文档，学习成本；
                                        </span>
                                    </p>
                                    <p>
                                        <span>2、</span>
                                        <span class="arrow-text">
                                            技术团队在北京和广州，而运维、线下销售等是*本地人，英语沟通成本；
                                        </span>
                                    </p>
                                </div>
                            </div>
                            <p>项目成果：</p>
                            <div class="ml-40">
                                <div class="arrow-wrapper">
                                    <p>
                                        ****正式上线，用户超过预期用户量；上线一年后，****功能相继成功上线，市场占有率远超*竞对；
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="h-20"></div>

                        <!-- 项目二 -->
                        <div class="text">
                            <span class="mr-30 project-title">“****”PC管理后台项目</span>
                            <span class="mr-30">******* (武汉) </span>
                            <span class="fr">前端负责人/高级前端开发</span>
                        </div>
                        <div class="arrow-1">
                            <p>时间：2022.05 - 2022.12</p>
                            <p>
                                项目概述：大型HR管理平台，涵盖******等模块
                            </p>
                            <p>技术：ElementUI、VUE、VUEX、Webpack 、Less</p>
                            <p>我的职责：</p>
                            <div class="ml-40">
                                <div class="arrow-wrapper">
                                    <p>
                                        <span>1、</span>
                                        <span class="arrow-text">
                                            负责核心模块开发和组件封装：***slot弹窗组件、规则校验公共组件（利用filter、map、every等ES6数组常用方法二次处理数据）；
                                        </span>
                                    </p>
                                    <p>
                                        <span>2、</span>
                                        <span class="arrow-text">
                                            负责权限配置、doc文件上传预览、富文本编辑、下拉模糊搜索等功能开发；
                                        </span>
                                    </p>
                                    <p>
                                        <span>3、</span>
                                        <span class="arrow-text">
                                            前端团队管理、任务分配，git分支管理、代码review、代码缺陷处理、部署上线等；
                                        </span>
                                    </p>
                                    <p>
                                        <span>4、</span>
                                        <span class="arrow-text">负责重难点功能可行性研究和设计、项目文档书写等；
                                        </span>
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="h-20"></div>

                        <!-- 项目三 -->
                        <div class="text">
                            <span class="mr-30 project-title">“****”混合APP / ****
                            </span>
                            <span class="mr-30">*******（北京） </span>
                            <span class="fr">高级前端开发</span>
                        </div>
                        <div class="arrow-1">
                            <p>时间：2020.10 - 2021.9</p>
                            <p>
                                亮点：独立从0-1搭建gitlab前端仓库，封闭开发****并上线
                            </p>
                            <p>
                                技术：VUE、VUEX、Webpack、JSBridge、eventBus、Less、***、****、APP混合
                            </p>
                            <p>我的职责：</p>
                            <div class="ml-40">
                                <div class="arrow-wrapper">
                                    <p>
                                        <span>1、</span>
                                        <span class="arrow-text">
                                            封装JSBridge公共方法，解决APP与H5通信问题：方法包括判断是否在APP内运行、关闭打开原生或者新页面、退出登录、跳转*等；
                                        </span>
                                    </p>
                                    <p>
                                        <span>2、</span>
                                        <span class="arrow-text">
                                            利用mixin混入，为所有业务线添加“***”组件功能：mixin可复用性一套代码可以为多个页面添加相同功能，避免重复代码并提高开发效率；
                                        </span>
                                    </p>
                                    <p>
                                        <span>3、</span>
                                        <span class="arrow-text">canvas长按保存图片等；
                                        </span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 兴趣爱好 -->
                <div class="small-title">
                    <img src="assets/icon-7.png" alt="" />
                    <p class="title-p">兴趣爱好</p>
                    <div class="red-border"></div>
                    <div class="content font-11 content-7">
                        <p>
                            <img src="assets/arrow-2.png" alt="" />
                            <span>视频剪辑：****；</span>
                        </p>
                        <p>
                            <img src="assets/arrow-2.png" alt="" />
                            <span>跳舞：爱好舞蹈，经常排舞，积极参加年会表演；</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

</html>